<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        document.addEventListener('keydown', function (e) {
            console.log(e);
            console.log(e.keyCode); // 最稳妥

            // 空格的keyCode是多少 32

            // 左alt的keyCode是多少 18
            // 右alt的keyCode是多少 18

            // 左shift的keyCode是多少 16
            // 右shift的keyCode是多少 16

            // 左ctrl的keyCode是多少 17
            // 右ctrl的keyCode是多少 17

            // backspace的keyCode是多少 8
            // tab的keyCode是多少 9

            if (e.key === 'Enter') {
                console.log('按下回车键');
            } else {
                console.log('按下其它键');
            }
        });

        document.addEventListener('keyup', function (e) {
            console.log(e);
            console.log(e.keyCode); // 最稳妥

            // 空格的keyCode是多少 32

            // 左alt的keyCode是多少 18
            // 右alt的keyCode是多少 18

            // 左shift的keyCode是多少 16
            // 右shift的keyCode是多少 16

            // 左ctrl的keyCode是多少 17
            // 右ctrl的keyCode是多少 17

            // backspace的keyCode是多少 8
            // tab的keyCode是多少 9

            if (e.key === 'Enter') {
                console.log('按下回车键');
            } else {
                console.log('按下其它键');
            }
        });



    </script>
</body>
</html>